<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<ui:define name="reservasRestaurante">
	<div align="center">
		<rich:panel style="width: 650px;">
			<f:facet name="header"> Reservas del Restaurante</f:facet>
			<div align="center">
				<h:panelGrid columns="4">
					<h:outputText value="Reservas entre" />
					<rich:calendar value="#{reservas.fechaInicioReservas}" showWeeksBar="false" />
					<h:outputText value="y" />
					<rich:calendar value="#{reservas.fechaFinReservas}" showWeeksBar="false" />
				</h:panelGrid>
				<h:selectOneRadio value="#{reservas.horarioReserva}">
					<f:selectItem id=ALMUERZO"  itemLabel="Almuerzo" itemValue="ALMUERZO"/>				
					<f:selectItem id="CENA"  itemLabel="Cena" itemValue="CENA"/>				
					<f:selectItem id="AMBOS" itemLabel="Ambos" itemValue="AMBOS"/>				
				</h:selectOneRadio>
				<br/><br/>
				<a:commandButton value="Actualizar Listado de Reservas" style="height: 35px; width: 220px;" reRender="listadoReservas"/>
				<br/><br/>
				<h:messages globalOnly="true"/>
				<br/><br/>
				
				<a:outputPanel id="listadoReservas">
					<rich:dataTable value="#{misReservas}" var="reservaSeleccionada" rows="20" id="listadoMisReservas">
						<f:facet name="header">Reservas</f:facet>
						<rich:column>
							<f:facet name="header">Fecha de la Reserva</f:facet>
							<h:outputText value="#{reservaSeleccionada.fecha}"><s:convertDateTime pattern="dd/MM/yyyy"/> </h:outputText>
						</rich:column>
						<rich:column>
							<f:facet name="header">Horario de la Reserva</f:facet>
							<c:if test="#{reservaSeleccionada.almuerzo}">
								<h:outputText value="Almuerzo" />
							</c:if>
							<c:if test="#{!reservaSeleccionada.almuerzo}">
								<h:outputText value="Cena" />
							</c:if>
						</rich:column>
						<rich:column>
							<f:facet name="header">Cliente</f:facet>
							<h:outputText value="#{reservaSeleccionada.usuario.nombreCompleto}" />
							
						</rich:column>
						<rich:column width="40px;">
							<f:facet name="header">Num Mesas</f:facet>
							<h:outputText value="#{reservaSeleccionada.reservamesas.size()}" />
							
						</rich:column>
						
						<rich:column width="40px;">
							<f:facet name="header">Ver Detalles</f:facet>
							<a:commandButton value="Ver Reserva" reRender="detallesReserva" action="#{reservas.verDetallesReserva}"/>
						</rich:column>
						
					</rich:dataTable>
					<br/>
					<rich:datascroller for="listadoMisReservas"/>
				</a:outputPanel>
					<br/><br/>
				<a:outputPanel id="detallesReserva">
					<rich:panel>
					<f:facet name="header">Detalles de la Reserva</f:facet>
					<h:panelGrid columns="2">
						<h:outputText value="Fecha de la Reserva" />
						<h:inputText value="#{reservaSeleccionada.fecha}" readonly="true"><s:convertDateTime pattern="dd/MM/yyyy"/> </h:inputText>
						<h:outputText value="Horario de la Reserva" />
						<h:panelGroup>
							<c:if test="#{reservaSeleccionada.almuerzo}">
									<h:outputText value="Almuerzo" />
							</c:if>
							<c:if test="#{!reservaSeleccionada.almuerzo}">
									<h:outputText value="Cena" />
							</c:if>
						</h:panelGroup>
						<h:outputText value="Cliente" />
						<h:inputText value="#{reservaSeleccionada.usuario.nombreCompleto}" />
						
						<h:outputText value="Num Mesas" />
						<h:inputText value="#{reservaSeleccionada.reservamesas.size()}"/>
					</h:panelGrid>
					<br/><br/>
					<rich:dataTable id="mesasReserva" value="#{mesasReserva}" var="rm">
						<f:facet name="header">Mesas reservadas</f:facet>
						<rich:column>
							<f:facet name="header">Mesa</f:facet>
							<h:outputText value="#{rm.mesa.codigo}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">Capacidad</f:facet>
							<h:outputText value="#{rm.mesa.capacidad}" />
						</rich:column>
						<rich:column>
							<f:facet name="header">Fumadores</f:facet>
							<c:if test="#{rm.mesa.permiteFumar}"><h:outputText value="Si" /></c:if>
							<c:if test="#{!rm.mesa.permiteFumar}"><h:outputText value="No" /></c:if></c:if>
						</rich:column>
					</rich:dataTable>
					<br/><br/>
					<a:commandButton value="Cancelar Reserva" action="#{reservas.cancelarReserva}" reRender="listadoReservas, detallesReserva"/>
					</rich:panel>
				
				</a:outputPanel>
				
			</div>	
		</rich:panel>
	</div>					




</ui:define></ui:composition>

